<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>Happy pet</title>
</head>
<body>
    <div id="bg">
        <header>
            <div class="header-menu">
                <div class="logo">
                    <div class="logo-image">
                        HP
                    </div>
                    <h1>Happy pet</h1>
                </div>
                <nav>
                    <div class="text-item">
                        <a href="#">Главная</a>
                        <a href="#">О сервисе</a>
                        <a href="#">Контакты</a>
                    </div>
                    <div class="image-item">
                        <img src="./images/account_logo.png" alt="Account-logo">
                        <img src="./images/cart_logo.png" alt="Cart-logo">
                    </div>
                </nav>
            </div>
        </header>
        <div class="slogan">
            <p>Твой новый друг<br>с доставкой на дом</p>
            <p>Онлайн-магазин домашних животных</p>
            <button id="video-translation">видеотрансляция</button>
        </div>
        <img src="./images/cat_dog.png" alt="Cat and dog" id="cat-dog">
    </div>
    <div class="menu-assort">
        <div class="assort-item">
            <p>Собаки &#10141;</p>
            <img src="./images/dog.png" alt="Dog">
        </div>
        <div class="assort-item">
            <p>Кошки &#10141;</p>
            <img src="./images/cat.png" alt="Cat" style="width: 100%;">
        </div>
        <div class="assort-item">
            <p>Папугаи &#10141;</p>
            <img src="./images/parrot.png" alt="Parrot">
        </div>
        <div class="assort-item">
            <p>Хомяки &#10141;</p>
            <img src="./images/hamster.png" alt="hamster">
        </div>
    </div>
    <div class="form-wrapper">
        <form>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            
        </form>
        <form>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>
            <div class="form-row">
                <div class="input-logo">Имя:</div>
                <input type="text">
            </div>

    </div>
</body>
</html>